.titleBox {
	line-height: 60px;
	border-bottom: 1px solid #e8e8e8;
	font-weight: bold;
}

.titleBoxNoBorder {
	line-height: 60px;
	font-weight: bold;
}
.fleetIno {
	.icon {
		padding: 5px 0 0 10px;
		font-size: 16px;
	}
}
.managerInfo {
	.searchBox {
		margin-bottom: 20px;
	}
}
.vehicleInfo,
.managerInfo,
.FleetDriverList {
	.titleBox {
		display: flex;
		.title {
			margin-right: 5px;
		}
	}
	.countBox {
		display: flex;
		color: #00bfc5;
		.item {
			margin-right: 10px;
		}
	}
	.searchBox {
		padding: 12px 0;
	}
	.content {
		:global {
			.ant-table {
				.ant-space-item {
					// width: 32px;

					.ant-btn-link,
					a {
						padding: 0;
						color: @primary-color;
					}
				}
			}
		}
		.btnList {
			.warning {
				color: @warning-color;
				border-color: @warning-color;
			}

			.import {
				color: @import-color;
				border-color: @import-color;
			}
			button {
				margin-right: 5px;
			}
			padding-bottom: 12px;
		}
		.pagination {
			padding-top: 12px;
			display: flex;
			justify-content: end;
		}
	}
}
.FleetDriverList {
	.searchBox {
		padding: 30px 0;
	}
}

:global {
	.addVehicleInfo,
	.fleetHistoryModal {
		.content {
			padding: 12px 0;
			.pagination {
				padding-top: 10px;
				display: flex;
				justify-content: flex-end;
			}
			.select {
				padding: 12px;
			}
		}
	}
	.driverModalForm {
		width: 400px;
	}
}
.operationRecord {
	:global {
		.ant-table-wrapper {
			margin-top: 24px;
		}
	}
}
.pagination {
	margin-top: 12px;
	text-align: right;
	:global {
		.ant-pagination-item {
			background: #ffffff;
			border-color: @primary-color;
		}
		.ant-pagination-item a {
			color: @primary-color;
		}
		.ant-pagination-item-active {
			background: @primary-color;
		}
		.ant-pagination-item-active:hover a {
			background: @primary-color;
			color: #fff;
		}
		.ant-pagination-item-active a {
			color: #fff;
		}
	}
}
